<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/rest.css">
    <link rel="stylesheet" href="../css/base.css">
    
</head>

<body>
    <!-- 顶部通栏 start -->
    <header>
        <div class="con">
            <a href="#">
                <img src="../images/34_01.jpg" alt="" width="100%" height="89px">
            </a>
        </div>
    </header>
    <!-- 顶部通栏 end -->
    <!-- 顶部导航 -->
    <div id="Top">
        <div class="Top-con">
            <!-- 左侧首页导航 -->
            <div class="Top-left">
                <ul>
                    <li style="padding-left: 0">
                        <a href="">首页</a>
                    </li>
                    <li>
                        <a href="">华为官网</a>
                    </li>
                    <li>
                        <a href="">花粉俱乐部</a>
                    </li>
                    <li>
                        <a href="">V码(优购码)</a>
                    </li>
                    <li>
                        <a href="">企业购</a>
                    </li>
                    <li>
                        <a href="">Select Region</a>
                    </li>
                    <li style="padding-right: 0">
                        <a href="">
                            更多精彩
                        </a>
                        <ol class="down">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ol>
                    </li>
                </ul>
            </div>
            <!-- 右侧登录导航 -->
            <div class="Top-right">
                <div class="box1" style="margin-left: 0">
                    <a href="">请登录 注册</a>
                </div>
                <div class="box2">
                    <a href="">我的订单</a>
                </div>
                <div class="box3">
                    <a href="">客户服务</a>
                </div>
                <div class="box4">
                    <a href="">网站导航</a>
                </div>
                <div class="box5">
                    <a href="">手机版</a>
                </div>
                <div class="box6" style="margin-right: 0">
                    <a href="">购物车</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 头部专区导航 -->
    <div id="head">
        <div class="head-con">
            <div class="head-left">
                <!-- 左侧logo -->
                <h1>
                    <img src="../images/8.png" alt="">
                </h1>
                <!-- 中间专区 -->
                <h2>
                    <img src="../images/9.png" alt="" width="74" height="24" class="fl" style="margin-top: 24px">
                    <ul>
                        <li><a href="">莫塞尔专区</a></li>
                        <li><a href="">华为智选</a></li>
                        <li><a href="">智能家居</a></li>
                        <li><a href="">福利中心</a></li>
                    </ul>
                </h2>
            </div>
            <!-- 右侧搜索框 -->
            <div class="head-right">
                <div class="search">
                    <div class="search-bar">
                        <form action="">
                            <input type="text" class="text" maxlength="200">
                            <input type="submit" class="button">
                        </form>
                        <div class="search-key">
                            <a href="">Mate X2</a>
                            <a href="">FreeBuds 4</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 轮播图banner区域 -->
    <div id="banner">
        <div class="banner-con" id="banner-con">
            <div class="screen" id="screen">
                <ul id="ul">
                    <li>
                        <a href=""><img src="../images/40.png" alt="" width="100%" height="476px"></a>
                    </li>
                    <li>
                        <a href=""><img src="../images/41.png" alt="" width="100%" height="476px"></a>
                    </li>
                    <li>
                        <a href=""><img src="../images/42.png" alt="" width="100%" height="476px"></a>
                    </li>
                    <li>
                        <a href=""><img src="../images/43.png" alt="" width="100%" height="476px"></a>
                    </li>
                    <li>
                        <a href=""><img src="../images/44.png" alt="" width="100%" height="476px"></a>
                    </li>
                    <li>
                        <a href=""><img src="../images/45.png" alt="" width="100%" height="476px"></a>
                    </li>
                </ul>
                <ol>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ol>
                <div class="button-left" id="button-left"></div>
                <div class="button-right" id="button-right"></div>
            </div>
            <!-- 左侧列表项 -->
            <div class="banner-left">
                <div class="cate1">
                    <li>手机</li>
                </div>
                <div class="cate2">
                    <li>智能穿戴&VR</li>
                </div>
                <div class="cate3">
                    <li>耳机音响眼镜</li>
                </div>
                <div class="cate4">
                    <li>智慧屏</li>
                </div>
                <div class="cate5">
                    <li>电脑</li>
                </div>
                <div class="cate6">
                    <li>平板</li>
                </div>
                <div class="cate7">
                    <li>智能路由</li>
                </div>
                <div class="cate8">
                    <li>配件</li>
                </div>
                <div class="cate9">
                    <li>生态产品</li>
                </div>
                <div class="cate10">
                    <li>美食酒饮</li>
                </div>
                <div class="cate11">
                    <li>增值服务&企业商用</li>
                </div>
            </div>
        </div>
    </div>
    <!-- 登录注册及介绍区域 -->
    <div id="main">
        <div class="main-con">
            <div class="main-left">
                <img src="../images/12.png" alt="" width="51px" height="51px" class="fl">
                <div class="main-left-A">
                    您好 ! 请
                </div>
                <div class="main-left-B">
                    <ul>
                        <li><a href="">登录</a></li>
                        <li class="farawy">/</li>
                        <li><a href="">注册</a></li>
                    </ul>
                </div>
                <div class="main-left-C">
                    <a href="" class="re">新人福利</a>
                </div>
                <div class="main-left-D">
                    <a href="">会员频道</a>
                </div>
            </div>
            <div class="main-center">
                <div class="main-center-E" style="margin-left: 20px">
                    <a href=""><img src="../images/200_03.jpg" alt=""></a>
                    <p>企业购</p>
                </div>
                <div class="main-center-F">
                    <a href=""><img src="../images/201_03.jpg" alt=""></a>
                    <p>会员领劵</p>
                </div>
                <div class="main-center-G">
                    <a href=""><img src="../images/202_03.jpg" alt=""></a>
                    <p>以旧换新</p>
                </div>
                <div class="main-center-H">
                    <a href=""><img src="../images/203_03.jpg" alt=""></a>
                    <p>教育优惠</p>
                </div>
                <div class="main-center-I">
                    <a href=""><img src="../images/204_03.jpg" alt=""></a>
                    <p>新品首发</p>
                </div>
                <div class="main-center-J">
                    <a href=""><img src="../images/205_03.jpg" alt=""></a>
                    <p>智能家居</p>
                </div>
            </div>
            <div class="main-right">
                <div class="main-right-top">
                    <a href="">公告</a>
                </div>
                <div class="main-right-bottom">
                    <ul>
                        <li><a href=""><span><img src="../images/20_03.jpg" alt=""></span>优购码</a>
                        </li>
                        <li><a href=""><span><img src="../images/21_03.jpg" alt=""></span>更换电池</a>
                        </li>
                        <li><a href=""><span><img src="../images/22_03.jpg" alt=""></span>补够保障</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 中心商品区 -->
    <div id="shop">
        <div class="shop-con">
            <div class="shopPhone" style="margin-left: 0">
                <a href=""><img src="../images/30.png" alt=""></a>
            </div>
            <div class="shopTv">
                <a href=""><img src="../images/31.png" alt=""></a>
            </div>
            <div class="shopAir">
                <a href=""><img src="../images/32.png" alt=""></a>
            </div>
            <div class="shopSkg">
                <a href=""><img src="../images/33.jpg" alt=""></a>
            </div>
        </div>
    </div>
    <!-- 热销单品区 -->
    <div id="shopping">
        <div class="shopping-con">
            <div class="shopping-con-A">
                <p>热销单品</p>
            </div>
            <div class="shoppingLarge">
                <a href="">
                    <img src="../images/23.png" alt="" width="100%" height="100%" style="border-radius: 12px">
                </a>
            </div>
            <div class="shoppingSmall">
                <div class="shoppingSmall1">
                    <a href="">
                        <img src="../images/60_03.jpg" alt="">
                    </a>
                </div>
                <div class="shoppingSmall2">
                    <a href="">
                        <img src="../images/61_03.jpg" alt="">
                    </a>
                </div>
                <div class="shoppingSmall3">
                    <a href="">
                        <img src="../images/62_03.jpg" alt="">
                    </a>
                </div>
                <div class="shoppingSmall4" style="margin-right: 0">
                    <a href="">
                        <img src="../images/63_03.jpg" alt="">
                    </a>
                </div>
                <div class="shoppingSmall5" style="margin-bottom: 0">
                    <a href="">
                        <img src="../images/64_03.jpg" alt="">
                    </a>
                </div>
                <div class="shoppingSmall6" style="margin-bottom: 0">
                    <a href="">
                        <img src="../images/65_03.jpg" alt="">
                    </a>
                </div>
                <div class="shoppingSmall7" style="margin-bottom: 0">
                    <a href="">
                        <img src="../images/66_03.jpg" alt="">
                    </a>
                </div>
                <div class="shoppingSmall8" style="margin: 0">
                    <a href="">
                        <img src="../images/67_03.jpg" alt="">
                    </a>
                </div>
            </div>
        </div>
        <!-- 底部区域 -->
        <div id="over">
            <div class="over-con">
                <div class="endOne">
                    <div>
                        <a href="">百强企业 品质保证</a>
                    </div>
                    <div>
                        <a href="">7天退货 15天换货</a>
                    </div>
                    <div>
                        <a href="">48元起免运费</a>
                    </div>
                    <div>
                        <a href="">2000家服务店 全国联保</a>
                    </div>
                </div>
                <div class="endTwo">
                    <div class="endTwo-left">
                        <div>
                            <ul>
                                <a href="">
                                    <li class="li">购物相关</li>
                                </a>
                                <a href="">
                                    <li>购物指南</li>
                                </a>
                                <a href="">
                                    <li>配送方式</li>
                                </a>
                                <a href="">
                                    <li>支付方式</li>
                                </a>
                                <a href="">
                                    <li>常见问题</li>
                                </a>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <a href="">
                                    <li class="li">保修与退换货</li>
                                </a>
                                <a href="">
                                    <li>保修政策</li>
                                </a>
                                <a href="">
                                    <li>退换货政策</li>
                                </a>
                                <a href="">
                                    <li>保修状态查询</li>
                                </a>
                                <a href="">
                                    <li>配件防伪查询</li>
                                </a>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <a href="">
                                    <li class="li">维修与技术支持</li>
                                </a>
                                <a href="">
                                    <li>服务店</li>
                                </a>
                                <a href="">
                                    <li>预约维修</li>
                                </a>
                                <a href="">
                                    <li>手机寄修</li>
                                </a>
                                <a href="">
                                    <li>配件价格查询</li>
                                </a>
                                <a href="">
                                    <li>上门服务</li>
                                </a>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <a href="">
                                    <li class="li">特色服务</li>
                                </a>
                                <a href="">
                                    <li>防伪查询</li>
                                </a>
                                <a href="">
                                    <li>补购保障</li>
                                </a>
                                <a href="">
                                    <li>以旧换新</li>
                                </a>
                                <a href="">
                                    <li>礼品包装</li>
                                </a>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <a href="">
                                    <li class="li">关于我们</li>
                                </a>
                                <a href="">
                                    <li>公司介绍</li>
                                </a>
                                <a href="">
                                    <li>华为商城简介</li>
                                </a>
                                <a href="">
                                    <li>华为临售店</li>
                                </a>
                                <a href="">
                                    <li>商家中心</li>
                                </a>
                                <a href="">
                                    <li>意见反馈</li>
                                </a>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <a href="">
                                    <li class="li">友情链接</li>
                                </a>
                                <a href="">
                                    <li>华为集团</li>
                                </a>
                                <a href="">
                                    <li>华为CBG官网</li>
                                </a>
                                <a href="">
                                    <li>花粉俱乐部</li>
                                </a>
                                <a href="">
                                    <li>华为云</li>
                                </a>
                                <a href="">
                                    <li>华为应用市场</li>
                                </a>
                            </ul>
                        </div>
                    </div>
                    <div class="endTwo-right">
                        <div class="endTwo-rightSon">
                            <h1>950805</h1>
                            <h2>7x24小时客服热线 (仅收市话费)</h2>
                            <h3>在线客服</h3>
                            <h4>关注Vmall :</h4>
                        </div>
                    </div>
                </div>
                <div class="endThree">
                    <div class="endThreeSonF">
                        <img src="../images/79_03.jpg" alt="">
                    </div>
                    <div class="endThreeSonS">
                        <ul>
                            <li style="padding-left: 0"><a href="">华为集团</a></li>
                            <li><a href="">华为CBG官网</a></li>
                            <li><a href="">花粉俱乐部</a></li>
                            <li><a href="">华为应用市场</a></li>
                            <li><a href="">EMUI</a></li>
                            <li><a href="">华为终端云空间</a></li>
                            <li><a href="">开发者联盟</a></li>
                            <li style="background: none"><a href="">华为商城手机版</a></li>
                        </ul>
                    </div>
                    <div class="endThreeSonT">
                        <h5>
                            <img src="../images/79_06.jpg" alt="">
                        </h5>
                    </div>
                </div>
            </div>
        </div>
</body>
<script src="../js/public.js"></script>
<script src="../js/index.js"></script>
</html